<template>
    <div class="select-city-container" @click="handleClickCity">
        <div class="city-name">{{ getSelectCityinfo ? getSelectCityinfo.cityName : '请选择' }}</div>
        <IconFont name="triangle-down" size="10" style="color:#15181d;"></IconFont>

    </div>
</template>
<script setup>
import { IconFont } from '@nutui/icons-vue-taro';
import Taro, { useDidShow } from '@tarojs/taro';
import { storeToRefs } from 'pinia';
import { useLocationStore } from "../../store";
const locationStore = useLocationStore();
const { getSelectCityinfo } = storeToRefs(locationStore);

const handleClickCity = () => {
    Taro.navigateTo({
        url: "/pages/select-city/index"
    })

}
</script>
<style lang="scss" >
.select-city-container {
    display: flex;
    align-items: center;

    .city-name {
        font-size: 22px;
        margin-right: 12px;
        color: #15181d;
        display: -webkit-box;
        /* autoprefixer: ignore next */
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
</style>